<template>
  <div class="main_log">
    <div class="menu">
      <customize-menu :router="router"></customize-menu>
    </div>
    <div class="content">
        <div class="p clear">
            <div class="a"></div>
            <div class="b"></div>
        </div>
    </div>
  </div>
</template>

<script>
import Menu from "../../common/Menu/menu";
export default {
  name: "tab-logs",
  data() {
    return {
      close: false,
      router: [
        {
          name: "About",
          path: "/about",
          children: [
            {
              name: "About US",
              path: "/about/us"
            },
            {
              name: "About Comp",
              path: "/about/company",
              children: [
                {
                  name: "About Comp A",
                  path: "/about/company/A",
                  children: [
                    {
                      name: "About Comp A 1",
                      path: "/about/company/A/1"
                    }
                  ]
                }
              ]
            }
          ]
        },
        {
          name: "Link",
          path: "/link"
        }
      ]
    };
  },
  props: {},
  methods: {},
  computed: {},
  components: {
    customizeMenu: Menu
  }
};
</script>
<style scoped>
.main_log {
  display: -webkit-flex;
  display: flex;
  height: 100%;
}

.menu {
  width: 200px;
  background: #eee;
}

.content {
  flex: 1;
}
</style>
